<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>京东快报</title>
		<style>
			body h1{
				margin: 0;
				padding: 0;
				
			}
			.kb{
				width: 400px;
				height: 300px;
				box-sizing: border-box;
				border: 1px solid blue;
				margin: 50px auto;
			}
			.kb h1{
				background: #D8D4C9;
				color: #fff;
				font-size: 26px;
				height: 48px;
				line-height: 48px;
				padding: 8px;
				
			}
			.kb ul{
				list-style: none;
				padding-left: 18px;
			}
			.kb ul li{
				line-height: 42px;
			}
			.kb ul li a{
				text-decoration: none;
				color: #BBD5C8;
				font-size: 16px;
			}
			
		</style>
	</head>
	<body>
		<div>
			
			  <!--
              div.kb>h1+ul>li*5>a[href="#"]-->
			 
					<div class="kb">
						<h1>京东快报</h1>
						<ul>
							<li><strong>[特惠]</strong><a href="http://u6.gg/d43PF">海飞丝去屑又去油，  超清爽 </a></li>
							<li><strong>[公告]</strong><a href="http://u6.gg/d43QH">京东公益支持鲁甸新动作</a></li>
							<li><strong>[特惠]</strong><a href="http://u6.gg/d43R2">小米电视携豪礼入住京东</a></li>
							<li><strong>[晒单帖]</strong><a href="http://u6.gg/d44qW">奇异果，我爱的奇异果味道</a></li>
							<li><strong>[新品]</strong><a href="http://u6.gg/d44qB">乐高玩具世界，无线乐趣拼搭</a></li>
						</ul>
					</div>
			</div>
	</body>
</html>
